import React from 'react'
import './style.less'

export default class RechargeBg extends React.Component {
  backPage(){
    window.history.back()
  }
  render() {
    const imgUrl = this.props.imgUrl
    const balance = this.props.balance
    return(
      <div>
        {/*背景*/}
        <div className='box-bg' style={{ background:`url("${imgUrl}") center center / cover no-repeat` }}>
          <i className='iconfont icon-zuo' onClick={ this.backPage.bind(this) }></i>
          <div className='duihuan'>兑换</div>
          <div className='recharge-title'>宜居储蓄卡</div>
          <div className='recharge-money'>
            <span>{ balance }</span>
            <p>当前余额</p>
          </div>
        </div>
      </div>
    )
  }
}
